<!doctype html>
<html>
<head>
{include file="user/user_top.tpl"}
<link rel="stylesheet" type="text/css" href="/static/css/user_min.css?v={$smarty.const.UNCLONE_VERSION}">
</head>
<body class="{if empty($invite)}register-body{else}register-invite-body{/if}">
<!--[if lt IE 8]>
	<script>window.location.href='/is_browser';</script>
<![endif]-->
{include file="user/user_header.tpl"}
<div class="main_wrap reg_wrap">
	<div class="user_reg" >
		<ul class="reg-tab-nav">
			<li class="active" data-tab="phone"><i></i>手机注册</li>
			<li data-tab="email"><i></i>邮箱注册</li>
		</ul>
		<div class="reg-tab-content active" data-tab="phone">
			<form id="reg_by_phone" onsubmit="return false;">
				<input type="hidden" name="uniqid" value="{$uniqid}">
			<div class="item">
				<label class="field" for="phone_1">手机</label>
				<div class="write">
					<input class="form_control group-phone" type="text" name="phone" id="phone_1" value="" autocomplete="off" tabindex="1" placeholder="请输入手机号">
					<button class="btn btn-style-blue send-sms" disabled="disabled">发送</button>
				</div>
			</div>
			<div class="item">
				<label class="field" for="sms_vcode">验证码</label>
				<div class="write">
					<input class="form_control group-phone" type="text" name="sms_vcode" id="sms_vcode" value="" autocomplete="off" tabindex="2" placeholder="请输入短信验证码" maxlength="{$sms_code_len}">
					<i class="user_icons success"></i>
				</div>
			</div>
			<div class="item">
				<label class="field" for="password_1">密码</label>
				<div class="write">
					<input class="form_control" type="password" name="password" id="password_1" value="" maxlength="16" tabindex="3" placeholder="请输入密码">
					<i class="user_icons success"></i>
				</div>
			</div>
				{if ! empty($invite)}
					<div class="item">
						<label class="field" for="invitation">注册邀请码</label>
						<div class="write">
							<input class="form_control" type="text" name="invitation_code" id="invitation" value="{if ! empty($code)}{$code}{/if}" maxlength="8" tabindex="3" placeholder="请输入邀请码">
						</div>
					</div>
				{/if}
			<div class="item">
				<label class="field" for="email_1">邮箱（可选）</label>
				<div class="write">
					<input class="form_control" type="text" name="n_email" id="email_1" value="{if ! empty($email)}{$email}{/if}" autocomplete="off" tabindex="4" placeholder="请输入邮箱">
					<i class="user_icons success"></i>
				</div>
			</div>
			{if !empty($show_vcode) }
				<div class="item item_code">
					<label class="field" for="code_1">验证码</label>
					<input class="form_control" type="text" name="code" id="code_1" value="" autocomplete="off">
					<img class="img_code js_img_code" src="/register/code/{$smarty.now}1" alt="" />
					<i class="user_icons success"></i>
				</div>
			{/if}
			<div class="item item_protocol">
				<strong class="protocol"><i class="user_icons active checkbox_icon js_checkbox_icon protocol_checkbox"></i><input type="checkbox" name="protocol[]" required data-id="protocol" class="hidden_box" checked="checked" value="1"><span class="js_checkbox_icon">我已查阅并同意</span></strong><a href="/helpcenter/protocol" target="_blank">《用户协议》</a>
			</div>
			</form>
		</div>

		{*邮箱注册*}
		<div class="reg-tab-content" data-tab="email">
			<form id="reg_by_email" onsubmit="return false;">
				<input type="hidden" name="uniqid" value="{$uniqid}">
			<div class="item">
				<label class="field" for="email_2">邮箱</label>
				<div class="write">
					<input class="form_control" type="text" name="email" id="email_2" autocomplete="off" value="{if ! empty($email)}{$email}{/if}" autocomplete="off" tabindex="1" placeholder="请输入邮箱">
					<i class="user_icons success"></i>
				</div>
			</div>

			<div class="item">
				<label class="field" for="password_2">密码</label>
				<div class="write">
					<input class="form_control" type="password" name="password" id="password_2" value="" maxlength="16" tabindex="2" placeholder="请输入密码">
					<i class="user_icons success"></i>
				</div>
			</div>
			<div class="item">
				<label class="field" for="confirm_password">确认密码</label>
				<div class="write">
					<input class="form_control" type="password" name="confirm_password" id="confirm_password" value="" maxlength="16" tabindex="3" placeholder="请再次输入密码">
					<i class="user_icons success"></i>
				</div>
			</div>
			{if ! empty($invite)}
				<div class="item">
					<label class="field" for="invitation2">注册邀请码</label>
					<div class="write">
						<input class="form_control" type="text" name="invitation_code" id="invitation2" value="{if ! empty($code)}{$code}{/if}" maxlength="8" tabindex="3" placeholder="请输入邀请码">
					</div>
				</div>
			{/if}
			<div class="item">
				<label class="field" for="phone_2">手机（可选）</label>
				<div class="write">
					<input class="form_control" type="text" name="n_phone" id="phone_2" value="" autocomplete="off" tabindex="4" placeholder="请输入手机">
					<i class="user_icons success"></i>
				</div>
			</div>
				{if !empty($show_vcode) }
					<div class="item item_code">
						<label class="field" for="code_2">验证码</label>
						<input class="form_control" type="text" name="code" id="code_2" value="" autocomplete="off">
						<img class="img_code js_img_code" src="/register/code/{$smarty.now}2" alt="" />
						<i class="user_icons success"></i>
					</div>
				{/if}
				<div class="item item_protocol">
					<strong class="protocol"><i class="user_icons active checkbox_icon js_checkbox_icon protocol_checkbox"></i><input type="checkbox" name="protocol[]" data-id="protocol" class="hidden_box" checked="checked" value="1" required><span class="js_checkbox_icon">我已查阅并同意</span></strong><a href="/helpcenter/protocol" target="_blank">《用户协议》</a>
				</div>
			</form>
		</div>

		{*公共按钮部分*}

		<div class="item">
			<button class="red_btn register_btn" tabindex="4" id="register_submit">立即注册</button>
			{*<label class="error" id="global_msg" style="padding-left: 10px;"></label>*}
		</div>
		<div class="item" id="user_info_form_msg">
			<i class="icon waring_tip"></i><span class="msg_text"></span>
		</div>
		<div class="item to_btn">
			<span>已注册用户</span>
			<a class="simple_btn" href="/login" tabindex="5">马上登录<i class="user_icons"></i></a>
		</div>
	</div>
</div>
<img class="lbbg" src="/static/img/user/bg1.png"/>

{include file="user/user_footer.tpl"}
